{#**
 * 2007-2020 PrestaShop SA and Contributors
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2020 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 * International Registered Trademark & Property of PrestaShop SA
 *#}

{% block generateMailsFormBlock %}
  <div class="row justify-content-center">
    <div class="col-xl-10">
      <div class="card">
        <h3 class="card-header">
          <i class="material-icons">email</i> {{ 'List %theme% layouts'|trans({'%theme%': mailTheme.name}, 'Admin.Design.Feature') }}
        </h3>

        <div class="card-block">

            <table class="grid-table table">
              <thead class="thead-default">
                <tr class="column-headers">
                  <th scope="col">
                    {{ 'Name'|trans({}, 'Admin.Global') }}
                  </th>
                  <th scope="col">
                    {{ 'Module'|trans({}, 'Admin.Global') }}
                  </th>
                  <th scope="col">
                    <div class="grid-actions-header-text">
                      {{ 'Actions'|trans({}, 'Admin.Global') }}
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody>
                {% for mailLayout in mailTheme.layouts %}
                  <tr>
                    <td class="data-type">
                      {{ mailLayout.name }}
                    </td>
                    <td class="data-type">
                      {{ mailLayout.moduleName }}
                    </td>
                    <td class="action-type">
                      {% if mailLayout.moduleName is empty %}
                        {% set previewUrl = path('admin_mail_theme_preview_layout', {locale: app.request.locale, theme: mailTheme.name, layout: mailLayout.name, type: 'html'}) %}
                        {% set rawUrl = path('admin_mail_theme_raw_layout', {locale: app.request.locale, theme: mailTheme.name, layout: mailLayout.name, type: 'html'}) %}
                        {% set txtUrl = path('admin_mail_theme_raw_layout', {locale: app.request.locale, theme: mailTheme.name, layout: mailLayout.name, type: 'txt'}) %}
                        {% set mailUrl = path('admin_mail_theme_send_test_mail', {locale: app.request.locale, theme: mailTheme.name, layout: mailLayout.name}) %}
                      {% else %}
                        {% set previewUrl = path('admin_mail_theme_preview_module_layout', {locale: app.request.locale, theme: mailTheme.name, module: mailLayout.moduleName, layout: mailLayout.name, type: 'html'}) %}
                        {% set rawUrl = path('admin_mail_theme_raw_module_layout', {locale: app.request.locale, theme: mailTheme.name, module: mailLayout.moduleName, layout: mailLayout.name, type: 'html'}) %}
                        {% set txtUrl = path('admin_mail_theme_raw_module_layout', {locale: app.request.locale, theme: mailTheme.name, module: mailLayout.moduleName, layout: mailLayout.name, type: 'txt'}) %}
                        {% set mailUrl = path('admin_mail_theme_send_test_module_mail', {locale: app.request.locale, theme: mailTheme.name, module: mailLayout.moduleName, layout: mailLayout.name}) %}
                      {% endif %}

                      <div class="btn-group-action text-right">
                        <div class="btn-group">
                          <a target="_blank" class="btn tooltip-link dropdown-item" href="{{ previewUrl }}">
                            <i class="material-icons">http</i>
                          </a>

                          <a class="btn btn-link dropdown-toggle dropdown-toggle-dots dropdown-toggle-split"
                             data-toggle="dropdown"
                             aria-haspopup="true"
                             aria-expanded="false"
                          >
                          </a>

                          <div class="dropdown-menu dropdown-menu-right">
                            <a target="_blank" class="btn tooltip-link dropdown-item" href="{{ rawUrl }}">
                              <i class="material-icons">code</i>
                              {{ 'Raw HTML'|trans({}, 'Admin.Design.Feature') }}
                            </a>
                            <a target="_blank" class="btn tooltip-link dropdown-item" href="{{ txtUrl }}">
                              <i class="material-icons">subject</i>
                              {{ 'Text'|trans({}, 'Admin.Design.Feature') }}
                            </a>
                            <a class="btn tooltip-link dropdown-item" href="{{ mailUrl }}">
                              <i class="material-icons">email</i>
                              {{ 'Send a test email'|trans({}, 'Admin.Advparameters.Feature') }}
                            </a>
                          </div>
                        </div>
                      </div>
                    </td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>

        </div>

        <div class="card-footer">
          <a href="{{ path('admin_mail_theme_index', params|default({})) }}" class="btn btn-outline-secondary">
            <i class="material-icons">arrow_back</i>
            {{ 'Back to configuration'|trans({}, 'Admin.Actions') }}
          </a>
        </div>

      </div>
    </div>
  </div>
{% endblock %}
